:root {
  --color-white: #fff;
  --color-brand: #23abbc;
  --color-brand-dark: #40929c;
  --color-brand-dark-bg: #3e8f99;
  --color-brand-dark-hover-bg: #84cfd9;
  --color-brand-darker: #0167bc;
  --color-brand-darker-bg: #0167bc;
  --color-brand-darker-hover-bg: #1378cb;

  --el-color-primary: #23abbc;
  --el-color-primary-light-9: #e9f7f8;
  --el-color-primary-light-8: #d3eef2;
  --el-color-primary-light-7: #bde6eb;
  --el-color-primary-light-6: #a7dde4;
  --el-color-primary-light-5: #91d5de;
  --el-color-primary-light-4: #7bcdd7;
  --el-color-primary-light-3: #65c4d0;
  --el-color-primary-light-2: #4fbcc9;
  --el-color-primary-light-1: #39b3c3;
  --el-color-primary-dark-2: #1c8996;
  --el-color-primary-default: #23abbc;
  --el-color-primary-hover: #65c4d0;
  --el-color-primary-active: #1c8996;
  --el-color-primary-disabled: #91d5de;
}
